
@main(Messages("playauthenticate.index.title")) {
      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit">
        <h1>@Messages("playauthenticate.index.intro")</h1>
        <p>@Messages("playauthenticate.index.intro_2") <br/>@Messages("playauthenticate.index.intro_3")</p>
      </div>

      <!-- Example row of columns -->
      <div class="row">
        <div class="span4">
          <h2>MyCategory</h2>
           <p>Some junk stuff related to Some blah blah.</p>
          <p><a class="btn" href="#">@Messages("playauthenticate.index.details") &raquo;</a></p>
        </div>
        <div class="span4">
          <h2>AIEEE</h2>
           <p>Includes all list of Categories and people related to AIEEE</p>
          <p><a class="btn" href="#">@Messages("playauthenticate.index.details") &raquo;</a></p>
       </div>
        <div class="span4">
          <h2>EAMCET</h2>
          <p>Includes all list of Categories and people related to EAMCET.</p>
          <p><a class="btn" href="#">@Messages("playauthenticate.index.details") &raquo;</a></p>
        </div>
      </div>
	    <div class="row">
        <div class="span4">
          <h2>Favourites</h2>
           <p>Some junk stuff related to double blah blah and stuff</p>
          <p><a class="btn" href="#">@Messages("playauthenticate.index.details") &raquo;</a></p>
        </div>
        <div class="span4">
          <h2>IIT</h2>
           <p>Includes all list of Categories and people related to IIT</p>
          <p><a class="btn" href="#">@Messages("playauthenticate.index.details") &raquo;</a></p>
       </div>
        <div class="span4">
          <h2>BITS</h2>
          <p>Includes all list of Categories and people related to BITS.</p>
          <p><a class="btn" href="#">@Messages("playauthenticate.index.details") &raquo;</a></p>
        </div>
      </div>
    }